
/****************************************
	error 
****************************************/
.errormsg {
	border:2px dashed red;
	padding:3px; margin-bottom:8px;
	color:brown;
	font-weight:bold;
}


/****************************************
	grid 
****************************************/

.grid-container {
	position: absolute;
	top: 0;
	left: 308px;
	bottom: 0;
	/*right: 0;*/
	z-index: 1;
	
	width: 600px;
	background-color: #F6F6F6;
}
.slick-row.active {
	background:#FFCC66;
}



/****************************************
	ids 
****************************************/

.dom3id {
	display: none;
	background-color: yellow;	
}

.display-ids {
	float:right;
	vertical-align:bottom;
}
.display-ids label {
	font-size: 7pt;	
}
.display-ids input {
	width: 8px;
	height: 8px;
	vertical-align: middle;
	margin:0px;
}



/****************************************
	gem & path icons (general)
****************************************/
.gemicon {
	width:14px;
	height:14px;
	position:relative;
	top:3px;	
}
.gemicon.Gem_B { width:12px; }

.pathicon {
	width:14px;
	height:14px;	
	position:relative;
	top:3px;	
}
.pathicon.Path_D { width:11px; padding:0px 1px 0px 2px; }
.pathicon.Path_E { width:12px; padding:0px 1px 0px 1px; }
.pathicon.Path_F, .pathicon.Path_A { top:2px; }

/****************************************
	page overlays 
****************************************/

.overlay {
	position: fixed;
	top: 5px;
	right: 20px;

	width: 300px;

	border: 4px ridge #445500;
}

.static-overlay-container {
	position: fixed;
	top:0px;
	left:0px;
	bottom:0px;
	
	padding: 0px;	
	
	z-index: 1000;
}
.primary-overlay {
	position: static;
	margin-bottom: 5px;
}
.primary-overlay h3 {
	margin-top:0px;
}
.fixed-overlay {
	position: static;
}

.overlay-pin {
	/*cursor:pointer;*/
	width: 17px;
	height: 17px;
	border: none;

	float:right;
	
	display: none;
}


/****************************************
	primary details 
****************************************/
div.primary-details {
	background: #FFCC66;
	padding:0.4em;
}

/*#search-box {
	border:1px solid #333333;
	background: #EEEEEE;
	color: #333333;
	font-size: 8pt;
}
#clear-search-box {
	border:1px solid #333333;
	background: #DDDDDD;
	color: #333333;
	font-weight:bold;
	font-size: 8pt;
	padding:0px;
}*/
.clear-search-box {
	font-weight:bold;
	font-size: bpt;
	padding:0px;
	width: 20px;
	height:20px;
	
	display:block;
	float:right;
}


/****************************************
	filter buttons 
****************************************/
.toggle-path {
	width:1em;
	height:1em;
	vertical-align: middle;
	padding:0px; margin:0px;
	margin-left:2px;
}
.toggle-path + label {
	padding:0px; margin:0px; 
}
.toggle-path + label img {
	padding:0px; margin:0px;
	position:relative;
	left: -3px;
}

.filters-line1 {
}

.filters-line2 {
	padding-top: 0.2em;
}
.filters-line3 {
	padding-top: 0.4em;
}



/****************************************
	item details 
****************************************/
div.item-details {
	background: #FFCC66;
}
div.item-header {
	padding:0.4em;
	
	background: #772200;
	color: #EEFFAA;
}
	div.item-image {
		float:right;
		height:36px; 
		width:36px; 
		background-position:center; 
		background-repeat:no-repeat;
	}
	h2.item-name {
		margin: 0em;	padding: 0em;	border: none;
		margin-bottom: 0.4em;
		padding-right: 40px;
	}
	p.item-type {
		margin: 0em;	padding: 0em;
		white-space: nowrap;
		padding-right: 40px;
	}

div.item-main {
	border: 2px solid #FFAA2E;
	border-style: solid none;
	padding:0.6em;
}
	table.item-table {
		border-spacing: 0px;
		border-collapse: collapse;
		margin-bottom:0.4em;
	}
	.item-main h4 {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.item-main table.wpn-table {
		border-spacing: 0px;
		border-collapse: collapse;
		
		background: #FFAA2E;
		/*border: 2px solid orange;*/
	}
	.item-main th {
		padding: 0em 0.3em;
		white-space: nowrap;
		font-weight:normal;
		text-align: left;
		vertical-align: middle;
	}
	.item-main td {
		padding: 0em 0.3em;
		min-width: 5em;
	}
	span.flag {
		white-space: nowrap;
		font-style: italic;
	}	
	
div.item-footer {
	padding:0.4em;
}
	p.item-gemcost {
		margin: 0em;	padding: 0em;
		margin-bottom: 0.4em;
	}
	div.item-descr {
		margin: 0em;	padding: 0em;
		margin-top: 0.4em;
	}
	div.item-descr p {
		margin-bottom:0.2em;
	}

	.item-wiki-link {
		float:right;
		font-size: 80%;
	}
	

/****************************************
	color scheme 
***************************************/

.grid-container {
	border-left: 3px solid #C0C0C0;
}
/* page bg */
body {
	background:#fffe6;	
}
/* behind fixed overlays */
.static-overlay-container {
	
	background: #D3D3D3;
}
/* overlay header */
div.item-header {
	color: #FCFFBF;
	background: #6e2900;
}
/* overlay main */
div.primary-details, div.item-details, .slick-row.active {
	background: #ffe481;
}
/* overlay highlights */
.item-main table.wpn-table {
	background: #ffd635;
}div.item-main{ border-color: #ffd635; 
}
/* overlay borders */
.overlay { 
	border-color: #485562; 
}
/* overlay id hihglight */
.dom3id, .dom3id  {
	background-color: inherit;
	color: #004bab;
	
}
/* background color for armor properties */
.item-table .prot, .item-table .prothead, .item-table .protshield,
.item-table .def, .item-table .enc, .item-table .parry {
	background: #e3d151;	
}

